@charset "utf-8";
#login_wrapper { position:absolute; top:50%; left:50%; margin-top:-187px; margin-left:-392px; width:785px; height:380px; }
#login_container { position:relative; width:785px; height:380px; }
#login_banner { width:410px; height:188px; position:absolute; left:0; top:60px; background:url(../images/login_banner.jpg) no-repeat; }
#login_form { width:375px; height:380px; position:absolute; top:0; right:0; background:url(../images/bg.gif) no-repeat 0 -108px; }
#login_copyright { position:absolute; left:8px; top:280px; color:#888; }
#login_copyright a { color:#888!important; border-bottom:1px #888 dotted; }
#login_form_header { height:33px; background:url(../images/bg.gif) no-repeat -395px -106px; padding-top:10px; }
#login_form_header .login_ico { float:left; margin-left:30px; width:24px; height:24px; background:url(../images/bg.gif) no-repeat; }
#login_form_header .login_text { float:left; margin-left:10px; font-size:14px; font-weight:bold; line-height:24px; }
.login_top { width:317px; height:30px; margin:20px auto 0 auto; clear:both; }
.login_top dt, .login_top dd { float:left; height:32px; line-height:32px; }
.login_top dt { width:60px; font-size:14px; font-weight:bold; }
.login_top dd { width:230px; }
.login_top dd img { float:left; margin-left:5px; cursor:pointer; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; }
#login_btn { width:317px; height:33px; margin:20px auto 0 auto; clear:both; }
#login_btn dt, #login_btn dd { float:left; height:33px; line-height:33px; }
#login_btn dt { width:115px; padding-left:60px; }
#login_btn dd { width:115px; }
#login_btn input { height:24px; border:none; font-weight:bold; font-size:14px; color:black; cursor:pointer;  }
.l_btn { width:82px; background:url(../images/bg.gif) no-repeat -432px 0; }
.l_btn_hover { width:82px; background:url(../images/bg.gif) no-repeat -432px -36px; }
.r_btn { width:78px; background:url(../images/bg.gif) no-repeat -324px 0; }
.r_btn_hover { width:78px; background:url(../images/bg.gif) no-repeat -324px -36px; }
.login_input { float:left; width:230px; height:24px; line-height:25px; border:#838383 1px solid; background:white url(../images/bg.gif) no-repeat -396px -252px; color:black!important; font-weight:bold; font-size:14px; padding:3px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }
#login_form_list { margin:30px auto 0 auto; width:317px; border-top:1px #ccc dotted; }
.login_list { list-style:inside; margin:8px 0; }
.login_list li { padding:2px 0; }
/************ The Div Style Case For WebSite Start ************/
#header { background:url(../images/header.gif) repeat-x 0 -48px; position:relative; height:38px; z-index:9; min-width:999px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3); }
#navigation { height:36px; }
#navigation dl { float:left; position:relative; height:36px; }
#navigation dl dt { float:left; height:36px; cursor:pointer; padding-right:1px; }
#navigation dl dt span { float:left; height:36px; line-height:36px; }
#navigation dl dt span.l, #navigation dl dt span.r { width:10px; overflow:hidden; }
#navigation dl dt span.m { line-height:36px; font-family:"微软雅黑","黑体"; font-size:14px; font-weight:bold; text-align:center; }
#navigation dl dt .home { background:url(../images/system_home.png); }
#navigation dl dt.slt span.l, #navigation dl.slt dt span.l { background:url(../images/top_hover.gif) no-repeat top left; }
#navigation dl dt.slt span.m, #navigation dl.slt dt span.m { background:url(../images/top_hover_x.gif) repeat-x; color:white;  }
#navigation dl dt.slt span.r, #navigation dl.slt dt span.r { background:url(../images/top_hover.gif) no-repeat top right; }

#header .top_r { position:absolute; height:38px; line-height:38px; top:0; right:3px; z-index:8; text-align:right; }
#header .top_r dl {float:left;  height:36px; position:relative; margin-right:3px; }
#header .top_r dl dt { float:left; height:36px; line-height:36px; padding:0 6px; }
#header .top_r dl dt.slt { padding:0 5px; border-left:1px solid #999; border-right:1px solid #999; }
#header .top_r dl dd { position:absolute; top:35px; right:-15px; width:180px; background:url(../images/shadow.png) no-repeat 3px 3px; padding:0 2px 2px 0; display:none; }
#header .top_r dl dd ol { padding-right:5px; list-style:none; border:1px #999 solid; background:#f0f0f0; }
#header .top_r dl dd ol li { display:inline-block; zoom:1; *display:inline; width:170px; height:30px; line-height:30px; padding:1px; }
#edit_password { background:url(../images/ico_edit_password.gif) no-repeat left center; padding-left:20px; }
#logout { background:url(../images/ico_login_out.png) no-repeat 0 50%; padding-left:18px; }
#main { position: relative; z-index: 8; background:#f0f0f0; }
#sidebar { width:168px; position: absolute; left:0; }
#toggle-left { position: absolute; z-index: 99; display:block; left: 154px; top: 200px; width:16px; height:28px; line-height:28px; background-color: gray; cursor:pointer; font-family: "宋体"; font-size: 16px; font-weight: bold; text-align:center; color:white; }

.sidebar-menu { padding:8px 0 0; display: none; }
.sidebar-menu ul { list-style:none; border:1px #eee solid; background:#f0f0f0; }
.sidebar-menu ul li { display:inline-block; zoom:1; *display:inline; width:98%; height:30px; padding:1px; }
.sidebar-menu ul li a { display:block; height:28px; line-height:28px; font-size:14px; text-indent:30px; color:#393939!important; border:1px #f0f0f0 solid; background-repeat:no-repeat; background-position:5px center; }
.sidebar-menu ul li.slt a { background-color:#e9eff6; border:1px #aecff7 solid; }
.sidebar-menu ul li a:hover { background-color:#e9eff6; border:1px #aecff7 solid; }

#container { position: relative; background:white; z-index: 8; }
.ml { margin-left: 168px; border-left:1px solid #ccc; }
#main_copyright { width:168px; position: absolute; left:0; bottom:0; line-height:11px; font-size:9px; color:#888; font-family:"Arial","微软雅黑"; overflow:hidden; }
.container_child { display:none; }
#main_loading { position:absolute; left:45%; width:168px; border:1px #98B1C8 solid; background:#ffffe1 url(../images/loading.gif) no-repeat 6px 50%; top:8px; color:black; height:21px; line-height:21px; text-indent:30px; z-index:9; }

#welcome_text span.hi { color:black; font-size:14px; font-weight:bold; }
#sidebar_title { background:url(../images/line.gif) repeat-x 0 -262px; }
#sidebar_menu { padding:12px; }
#sidebar_menu a { display:block; margin-bottom:1px; background:url(../images/slt_bg.gif) no-repeat left center; height:30px; line-height:30px; text-indent:32px; color:#4d96bd; }
#sidebar_menu a:hover, a.slt_sidebar_menu { background:url(../images/slt_bg.gif.gif) no-repeat left center!important; color:white!important; }
#left_copyright { width:164px; line-height:150%; color:#999; position:absolute; bottom:0; left:12px; }
#left_copyright a { color:#999!important; border-bottom:1px #999 dotted; }
.control_wrapper { position:relative; height:38px; _padding-right:9px; _padding-left:9px; }
.tl { display: none; position:absolute; left:0; top:0; background:url(../images/tl.gif) no-repeat; width:9px; height:38px; overflow:hidden; z-index:1; }
.tr { display: none; position:absolute; right:0; _right:-1px; top:0; background:url(../images/tr.gif) no-repeat; width:9px; height:38px; overflow:hidden; }
.grid_wrapper { overflow:auto; overflow-x:hidden; border-left:1px #ebeced solid; border-right:1px #ebeced solid; }
.grid_wrapper_inner_border {  }
.grid_wrapper_container { overflow:auto; }
.top_control { background:url(../images/line.gif) repeat-x 0 -223px; height:38px; line-height:38px; position:relative; }
.top_control .left { font-size:14px; }
.switch_control { background:url(../images/line.gif) repeat-x 0 -301px; height:38px; line-height:38px; position:relative; }
.control_btn { float:right; padding:6px 9px 0 0; height:24px; }
.refresh span { background:url(../images/refresh.gif) no-repeat 0 50%; padding:3px 0 3px 24px; }
.save span { background:url(../images/save.gif) no-repeat 0 50%; padding:3px 0 3px 24px; }
.add span { background:url(../images/add.gif) no-repeat 0 50%; padding:3px 0 3px 24px; }
.delete span { background:url(../images/delete.gif) no-repeat 0 50%; padding:3px 0 3px 24px; }
.grid_wrapper, .data_content_wrapper { overflow:auto; overflow-x:hidden; border-right:1px #ebeced solid; }
.data_content_wrapper { background-color:#ededed; }
.data_empty_html, .data_loading { background:#f1f1f1; border:none!important; font-family:"微软雅黑","黑体" }
.data_loading { font-weight:bold; font-size:14px; text-align:center; }
.data_grid { border-collapse:collapse; table-layout:fixed; }
.data_grid thead tr { background:url(../images/line.gif) repeat-x 0 -163px; }
.data_grid tr th { background-color: #efefef; border-right:1px #d7d7d7 solid; font-weight:bold; height:21px; line-height:21px; text-indent:2px; }
.data_grid tr th span { color:red; }
.data_grid tr th, .data_grid tr td { border-bottom:1px #d7d7d7 solid; color:black; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.data_grid tr td { text-indent:2px; height:25px; border-bottom:1px #eee solid; border-right:1px #eee solid; }
.data_grid tr td a { color:blue; }
.data_grid tbody tr:hover { background-color:#fffdd7; }
.erow { background-color:#f7f7f7; }
div.left { float:left; background:url(../images/mg_title_bg.gif) no-repeat; height:24px; line-height:24px; margin:6px 0 0 9px; text-indent:30px; color:#4d96bd; }
div.left a { color:#4d96bd; }
.m_search_field { border-bottom:1px #e0e0e0 solid; padding:4px 12px; color:#4d96bd; }
.m_search_field input, .m_search_field select { position:relative; color:#4d96bd; }
.img_file_up { text-align:center; }
.img_file_up dt { text-align:center; }
.img_file_up dt img { vertical-align:middle; display:block; margin:0 auto; }
.img_file_up dd { padding-top:2px; }
.control_multiple_up_img { }
.control_multiple_up_img dt { padding:8px; text-align:center; }
.control_multiple_up_img dd { }
.control_multiple_up_img dd ol { }
.control_multiple_up_img dd li { width:120px; display:inline-block; zoom:1; *display:inline; padding:8px; text-align:center; overflow:hidden; }
.control_multiple_up_img dd li img { display:block; margin:0 auto 8px auto; }
.color_btn { background:url(../images/color_btn.gif) repeat-x; height:22px; border:1px #87A3C1 solid; cursor:pointer; padding:0 9px; float:left; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; }
.color_btn:hover, .color_btn_hover { background:url(../images/color_btn.gif) repeat-x 0 -22px!important; border:1px #D4C69E solid!important; }
.pager_wrapper { position:relative; height:36px; _padding-right:9px; _padding-left:9px; }
.fl { position:absolute; left:0; top:0; background:url(../images/fl.gif) no-repeat left bottom; width:9px; height:36px; overflow:hidden; z-index:1; }
.fr { position:absolute; right:0; _right:-1px; top:0; background:url(../images/fr.gif) no-repeat right bottom; width:9px; height:36px; overflow:hidden; }
.pager { background:url(../images/line.gif) repeat-x 0 -186px; position:relative; height:24px; padding:6px 9px; }
.separator { background:url(../images/separator.gif) repeat-y 50% 0; width:30px; height:24px; float:left; overflow:hidden; }
.page_btn { height:22px; float:left; cursor:pointer; padding:1px 5px; *_width:1em; }
.page_btn:hover, .page_btn_hover { background:url(../images/color_btn.gif) repeat-x 0 -22px; border:1px #D4C69E solid; padding:0 4px; }
.jump_page { float:left; height:24px; line-height:24px; }
.data_grid_wrapper input[type="text"], .data_grid_wrapper input[type="password"], .data_grid_wrapper select, .data_input input[type="text"], .data_input input[type="password"], .data_input select, .data_input textarea, .myAlert_window input { padding:2px 3px; border:1px solid #abadb3; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; vertical-align:middle; }
.login_input:focus, .data_grid_wrapper input:focus, .data_grid_wrapper select:focus, .data_input input:focus, .data_input select:focus, .data_input textarea:focus, .myAlert_window input:focus { outline:none; color:black; text-shadow:0 1px 0 #fff; background-color:#ffd58d; border:1px solid #f29536; -webkit-box-shadow:0 0 3px #ffd58d; -moz-box-shadow:0 0 3px #ffd58d; box-shadow:0 0 3px #ffd58d; }
.data_grid_wrapper select:focus, .data_input select:focus { text-shadow:0 1px 0 #cbcbcb!important; }
.data_grid_wrapper .set_date, .data_input .set_date { cursor:pointer; background:white url(../images/date.gif) no-repeat right center; height:18px; line-height:18px; padding-right:10px; }
.ipt_btn { height:24px; line-height:20px; display:inline-block; *zoom:1; *display:inline; font-size:14px; text-align:center; vertical-align:middle; cursor:pointer; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.05); -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.05); box-shadow:inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.05); filter:progid:DXImageTransform.Microsoft.gradient(enabled = false); background-repeat:repeat-x; color:#333; text-shadow:0 1px 1px rgba(255,255,255,0.75); background-color:#f5f5f5; background-image:-moz-linear-gradient(top, #fff, #e6e6e6); background-image:-ms-linear-gradient(top, #fff, #e6e6e6); background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6)); background-image:-webkit-linear-gradient(top, #fff, #e6e6e6); background-image:-o-linear-gradient(top, #fff, #e6e6e6); background-image:linear-gradient(top, #fff, #e6e6e6); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0); filter:progid:DXImageTransform.Microsoft.gradient(enabled = false); border:1px solid #ccc; border-bottom-color:#bbb; *margin-left:.3em }
a.ipt_btn { height:24px; line-height:24px; }
.ipt_btn:hover, .ipt_btn:active, .ipt_btn.active, .ipt_btn.disabled, .ipt_btn[disabled] { background-color:#e6e6e6 }
.ipt_btn:active, .ipt_btn.active { background-color:#ccc }
.ipt_btn:hover { color:#333; background-color:#e6e6e6; text-decoration:none; background-position:0 -15px; -webkit-transition:background-position .1s linear; -moz-transition:background-position .1s linear; -ms-transition:background-position .1s linear; -o-transition:background-position .1s linear; transition:background-position .1s linear }
.ipt_btn:focus { outline:none; }
.ipt_btn.active, .ipt_btn:active { background-image:none; -webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,0.15), 0 1px 2px rgba(0,0,0,0.05); -moz-box-shadow:inset 0 2px 4px rgba(0,0,0,0.15), 0 1px 2px rgba(0,0,0,0.05); box-shadow:inset 0 2px 4px rgba(0,0,0,0.15), 0 1px 2px rgba(0,0,0,0.05); background-color:#e6e6e6; background-color:#d9d9d9 \9; outline:0 }
.ipt_btn.disabled, .ipt_btn[disabled] { cursor:default; background-image:none; background-color:#e6e6e6; opacity:.65; filter:alpha(opacity=65); -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none }
.first span { display:block; background:url(../images/prev_end.gif) no-repeat 0 50%; width:23px; height:22px; }
.prev span { display:block; background:url(../images/prev.gif) no-repeat 0 50%; width:15px; height:22px; }
.next span { display:block; background:url(../images/next.gif) no-repeat 0 50%; width:15px; height:22px; }
.last span { display:block; background:url(../images/next_end.gif) no-repeat 0 50%; width:23px; height:22px; }
.page_loader span { display:block; background:url(../images/page_loader.gif) no-repeat 50% 50%; width:16px; height:22px; }
.load_status { float:left; height:24px; line-height:24px; font-size:14px; font-weight:bold; color:#d90000; }
.tr_selected { background-color:#FFFBAD; }
th.sDESC { background:url(../images/dn.png) no-repeat center top; }
th.sASC { background:url(../images/up.png) no-repeat center top; }
.data_input { border-collapse:collapse; border:1px white solid; }
.data_input tr th { background:#7ab7d8; color:white; font-size:12px; height:25px; font-weight:bold; border:1px white solid; text-align:right; padding-right:20px; }
.data_input tr th.flush_left { text-align:left; font-size:14px; color:#333; text-indent:20px; }
.data_input tr td { background:#ededed; border:1px white solid; padding:3px; }
.data_input tr td table tr td { border:none; }
.tags ol { list-style:none; }
.tags ol li { float:left; margin-right:8px; }
.tags ol li span { cursor:pointer; margin-right:3px; }
.tags ol li a { font-size:14px; font-weight:bold; font-family:"宋体"; }
/************ The Div Style Case For WebSite End ************/
#online_talk { width:168px; height:300px; background:#ccc; }
#online_talk dl {  }
#online_talk dt { height:30px; background:blue; cursor:move; }
#online_talk dd { padding:12px; }
.switch { background:url(../images/switch_bg.gif) repeat-x top; }
.switch ul { list-style:none; height:27px; }
.switch ul li { float:left; height:27px; width:118px; margin-right:1px; color:#f69; text-align:center; line-height:27px; font-weight:bold; cursor:pointer; }
.slt_switch { color:#c03!important; background:url(../images/slt.gif) no-repeat; }
.switch_list { padding-top:2px; }

.data_content_wrapper .create_list { margin:10px; list-style:none; }
.data_content_wrapper .create_list li { height:30px; line-height:30px; }
.data_content_wrapper .create_list li .ipt { height:20px; line-height:20px; border:1px solid orange; }
.create_show { float:left; margin:10px; padding:0 10px; color:orange; }

.set_power_list { clear:both; }
.set_power_list dt { font-weight:bold; }
.set_power_list dd { padding:5px 0 5px 30px; float:left; width:45%; }
.set_power_list dd span { display:block; margin-left:-15px; }

.ico_gear { background-image:url(../images/icos/gear.gif); }
.ico_user { background-image:url(../images/icos/user.gif); }
.ico_role { background-image:url(../images/icos/role.gif); }
.ico_list { background-image:url(../images/icos/list.gif); }
.ico_anchor { background-image:url(../images/icos/anchor.gif); }
.ico_type { background-image:url(../images/icos/type.gif); }
.ico_link { background-image:url(../images/icos/link.gif); }
.ico_ad { background-image:url(../images/icos/ad.gif); }
.ico_create { background-image:url(../images/icos/create.gif); }

.info-wrapper { padding: 5px; }
.info-wrapper .info { height: 60px; border: 1px solid #808080 }
.info-wrapper .info dt { height: 60px; line-height: 60px; text-align: center; }
.info-wrapper .multi { height: 80px; }
.info-wrapper .multi dt { height: 40px; line-height: 40px; }
.info-wrapper .info dt a { display: inline-block; padding: 2px 8px; border: 1px white solid; margin: 0 3px; height: 20px; line-height: 20px; background-color: #666; color: #f1f1f1; border-radius:8px; }
.info-wrapper .info dt a.active { background-color: #ab1e1e; }
.info-wrapper .info dd { display: none; }
#property dl { padding:3px; }
#property dl dt { float:left; width: 70px; font-weight: bold }
#property dl dd { float:left }
.info-wrapper .cur { background-color: #ccc; }
.editor-container { position: relative; height: 400px; }
.editor-container .editor-wrapper { }

.switch_list table #submit em{ display:inline-block; width:22px; height:22px; background:url('../images/em_close.png') no-repeat; cursor:pointer; position:relative; right:-4px; top:5px; }
.switch_list table #submit2 em{ display:inline-block; width:26px; height:22px; background:url('../images/em_close.png') no-repeat; cursor:pointer; position:relative; right:-1px; top:5px; }
.switch_list table #submit3 em{ display:inline-block; width:26px; height:22px; background:url('../images/em_close.png') no-repeat; cursor:pointer; position:relative; right:-1px; top:5px; }
.switch_list table #submit span { margin-left: 10px; }
.move_editor {
    background-color: #f4f5f9;
    border: 1px solid #e7e7eb;
    border-radius: 3px;
    float: left;
    margin-left: 15px;
    padding: 10px;
    position: relative;
    width: 90%;
}
.move_editor .arrow {
    border-style: dashed solid dashed dashed;
    border-width: 12px 12px 12px 0;
    display: inline-block;
    height: 0;
    left: 1px;
    margin-top: 15px;
    position: absolute;
    top: 0;
    width: 0;
}
.move_editor i.arrow_out {
    border-color: transparent #e7e7eb transparent transparent;
    margin-left: -14px;
}
.move_editor i.arrow_in {
    border-color: transparent #f4f5f9 transparent transparent;
    margin-left: -13px;
}
.move_editor .recipt_cont{
    margin:15px 0  0 15px;
}